<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		img{
			vertical-align: top;
/*			top 把元素的顶端和其他元素的顶端对齐*/
/*			diddle 居中*/
/*			bottom 底部 和其他元素的底部对齐*/
/*			设置垂直对齐方式 只对行内元素和行内块元素有效*/
		}


	</style>

</head>
<body>

	<img src="./盒模型练习图片素材/小猫">
	<span>我是小猫</span>

</body>
</html>